<div class="widgets">

  <div class="row">
    <div class="col-xs-12">
      <ba-card baCardClass="with-scroll">
        <div class="section">
          <form (ngSubmit)="search()" class="form-horizontal">
            <div class="form-group row">

              <div class="col-sm-5">
                <label for="idcard" class="col-sm-5 control-label">身&nbsp;&nbsp;份&nbsp;&nbsp;证</label>
                <div class="col-sm-7">
                  <input [(ngModel)]="searchForm.idcard" name="idcard" type="text" class="form-control">
                </div>
              </div>

              <div class="col-sm-5">
                <label for="name" class="col-sm-5 control-label">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
                <div class="col-sm-7">
                  <input [(ngModel)]="searchForm.name" name="name" type="text" class="form-control">
                </div>
              </div>

            </div>

            <div class="form-group row">

              <div class="col-sm-5">
                <label for="type" class="col-sm-5 control-label">申请类型</label>
                <div class="col-sm-7">
                  <select [(ngModel)]="searchForm.type" name="type" type="text" class="form-control">
                    <option value="">全部</option>
                    <option value="质量员">质量员</option>
                    <option value="施工员">施工员</option>
                    <option value="安全员">安全员</option>
                    <option value="标准员">标准员</option>
                    <option value="材料员">材料员</option>
                    <option value="机械员">机械员</option>
                    <option value="劳务员">劳务员</option>
                    <option value="资料员">资料员</option>
                  </select>
                </div>
              </div>

              <div class="col-sm-5">
                <label for="verified" class="col-sm-5 control-label">申请状态</label>
                <div class="col-sm-7">
                  <select [(ngModel)]="searchForm.verified" name="verified" type="text" class="form-control">
                    <option value="待审核">待审核</option>
                    <option value="通过">通过</option>
                    <option value="未通过">未通过</option>
                    <option value="未提交">未提交</option>
                    <option value="">全部</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="form-group row">
              <div class="col-sm-5">
                <label id="publishTimeLabel" class="col-sm-5 control-label" for="startdate">时&nbsp;&nbsp;间&nbsp;&nbsp;段</label>

                <div class="col-sm-7" id="publishTimeCol">
                  <date-range-picker (onSelected)="updateDateRange($event)"></date-range-picker>
                </div>
              </div>

              <div class="col-sm-5"></div>

              <div class="col-sm-2">
                <button type="submit" class="btn btn-primary pull-left"><i class="fa fa-search" aria-hidden="true"></i>
                  查询
                </button>
              </div>
            </div>
          </form>
        </div>
        <div class="section btn-section btn-toolbar">
          <a role="button" class="btn btn-primary btn-review" [ngClass]="{'disabled': disableApplyBtn}"(click)="addApply()">添加申请</a>
          <a role="button" class="btn btn-primary btn-review" [ngClass]="{'disabled': disableReviewBtn}"
             (click)="review()">查看详情</a>
          <a role="button" class="btn btn-primary btn-review" [ngClass]="{'disabled': disableBatchDownloadBtn}"
             href="{{batchDownloadUrl}}" download target="_blank" *ngIf="type === 'company'">下载汇总表</a>
          <a role="button" class="btn btn-primary btn-review" [ngClass]="{'disabled': disableDownloadBtn}"
             href="{{downloadUrl}}" download target="_blank">下载申请</a>
          <a role="button" class="btn btn-primary btn-review" [ngClass]="{'disabled': disableUpdateBtn}"f
             (click)="update()">修改</a>
          <a role="button" class="btn btn-danger btn-reject" [ngClass]="{'disabled': disableDeleteBtn}"
             (click)="showDeleteModal()">删除</a>
          <span *ngIf="errorShow">请重新登录</span>
        </div>
        <div class="section">
          <data-tables [searchParams]="searchForm" [config]="dataTablesConfig"
                       (onSelect)="tableRowSelect($event)"  (onError)="handleError($event)"></data-tables>
        </div>
      </ba-card>
    </div>
  </div>
</div>

<div bsModal #applyModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="applyModalLabel" aria-hidden="true" (onHide)="onHideModal()">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="color: #000;">
      <div class="modal-header">
        <button class="close" (click)="apprApplyClose()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">提交申请</h4>
      </div>

      <div class="modal-body">
        <div class="auth-block" *ngIf="applyModalDisplay">
          <form id="applyForm" class="form-horizontal" [formGroup]="applyForm">

            <div class="form-group row" *ngIf="type == 'company'">
              <label for="userList" class="col-sm-2 control-label">人员姓名</label>

              <div class="col-sm-6">
                <select name="userList" class="js-states form-control" id="userList" style="width: 100%">
                </select>
              </div>
              <div class="col-sm-4">
                <button (click)="getUserForComp()" class="btn btn-primary pull-right;">
                  <i class="fa fa-search" aria-hidden="true"></i>查询
                </button>
                <button (click)="addUser()" class="btn btn-primary" >
                  <i class="fa fa-plus" aria-hidden="true"></i>添加
                </button>
              </div>
            </div>

            <div *ngIf="addUserInfo === false">
              <div class="form-group row">
                <label for="userName2" class="col-sm-2 control-label">人员姓名</label>

                <div class="col-sm-10">
                  <input type="text" class="form-control" id="userName2" value="{{applyPersonData.name}}" readonly>
                </div>
              </div>

              <div class="form-group row">
                <label for="idcard" class="col-sm-2 control-label">身份证</label>

                <div class="col-sm-10">
                  <input type="text" class="form-control" id="idcard" value="{{applyPersonData.idcard}}" readonly>
                </div>
              </div>

              <div class="form-group row">
                <label for="birthday" class="col-sm-2 control-label">出生日期</label>

                <div class="col-sm-10">
                  <input type="text" class="form-control" id="birthday" value="{{applyPersonData.birthday}}" readonly>
                </div>
              </div>

              <div class="form-group row">
                <label for="education" class="col-sm-2 control-label">学历</label>

                <div class="col-sm-10">
                  <input type="text" class="form-control" id="education" value="{{applyPersonData.education}}" readonly>
                </div>
              </div>

              <div class="form-group row">
                <label for="technicaltitles" class="col-sm-2 control-label">职称</label>

                <div class="col-sm-10">
                  <input type="text" class="form-control" id="technicaltitles" value="{{applyPersonData.technicaltitles}}"
                         readonly>
                </div>
              </div>
            </div>

            <div *ngIf="addUserInfo">
              <form id="userForm" [formGroup]="userForm" (ngSubmit)="onSubmit()" class="form-horizontal userForm">
                <div class="row">
                  <div class="col-xs-6">
                    <div class="form-group row">
                      <label for="userInfoSub_name" class="col-sm-4 control-label">姓名</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_name" formControlName="userInfoSub_name">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_name}}</span>

                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_email" class="col-sm-4 control-label">邮箱</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_email" formControlName="userInfoSub_email">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_email}}</span>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_sex" class="col-sm-4 control-label">性别</label>

                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_sex" formControlName="userInfoSub_sex">
                          <option value="男">男</option>
                          <option value="女">女</option>
                        </select>
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_sex}}</span>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_idcard" class="col-sm-4 control-label">身份证号码</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_idcard" formControlName="userInfoSub_idcard">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_idcard}}</span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_birthday" class="col-sm-4 control-label">出生日期</label>
                      <div class="col-sm-8">
                        <datepicker (onSelected)="updateUserDate($event,'userInfoSub_birthday')"></datepicker>
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_birthday}}</span>

                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_education" class="col-sm-4 control-label">学历</label>
                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_education" formControlName="userInfoSub_education">
                          <option [value]="education" *ngFor="let education of educations">{{education}}</option>
                        </select>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_telephone" class="col-sm-4 control-label">电话</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_telephone" formControlName="userInfoSub_telephone">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_telephone}}</span>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_folk" class="col-sm-4 control-label">民族</label>

                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_folk" formControlName="userInfoSub_folk">
                          <option [value]="race" *ngFor="let race of races">{{race}}</option>
                        </select>
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_folk}}</span>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_province" class="col-sm-4 control-label">省份</label>

                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_province" formControlName="userInfoSub_province">
                          <option [value]="province" *ngFor="let province of provinces">{{province}}</option>
                        </select>
                      </div>
                    </div>

                  </div>
                  <div class="col-xs-6">
                    <div class="form-group row">
                      <label for="userInfoSub_government" class="col-sm-4 control-label">政治面貌</label>

                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_government" formControlName="userInfoSub_government">
                          <option [value]="politicalStatus" *ngFor="let politicalStatus of politicalStatuses">{{politicalStatus}}
                          </option>
                        </select>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_technicaltitles" class="col-sm-4 control-label">技术职称</label>
                      <div class="col-sm-8">
                        <select class="form-control" id="userInfoSub_technicaltitles" formControlName="userInfoSub_technicaltitles">
                          <option [value]="technicaltitles" *ngFor="let technicaltitles of allTechnicaltitle">{{technicaltitles}}</option>
                        </select>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="userInfoSub_postcode" class="col-sm-4 control-label">邮编</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_postcode" formControlName="userInfoSub_postcode">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_postcode}}</span>

                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_address" class="col-sm-4 control-label">地址</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_address" formControlName="userInfoSub_address">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_address}}</span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_addressinfo" class="col-sm-4 control-label">详细地址</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_addressinfo"
                               formControlName="userInfoSub_addressinfo">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_addressinfo}}</span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_schoolname" class="col-sm-4 control-label">毕业学校</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_schoolname" formControlName="userInfoSub_schoolname">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_schoolname}}</span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_speciality" class="col-sm-4 control-label">专业</label>

                      <div class="col-sm-8">
                        <input type="text" class="form-control" id="userInfoSub_speciality" formControlName="userInfoSub_speciality">
                        <span class="error-info" style="color: red">{{formErrors.userInfoSub_speciality}}</span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="userInfoSub_finishschooldate" class="col-sm-4 control-label">毕业日期</label>
                      <div class="col-sm-8">
                        <datepicker (onSelected)="updateUserDate($event,'userInfoSub_finishschooldate')"></datepicker>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
            </div>


            <div class="form-group row">
              <label for="certificateSub_type" class="col-sm-2 control-label">考试类型</label>

              <div class="col-sm-10">
                <select class="form-control" id="certificateSub_type" formControlName="certificateSub_type">
                  <option value="质量员">质量员</option>
                  <option value="施工员">施工员</option>
                  <option value="安全员">安全员</option>
                  <option value="标准员">标准员</option>
                  <option value="材料员">材料员</option>
                  <option value="机械员">机械员</option>
                  <option value="劳务员">劳务员</option>
                  <option value="资料员">资料员</option>
                </select>
              </div>
            </div>

            <div *ngIf="applying">
                <div class="form-group row">
                  <label class="col-sm-2 control-label">身份证照</label>
                  <div class="col-sm-10">
                    <file-upload [url]="fileUploadUrl" [name]="idCardPic" [fileSizeLimit]="sizeLimit"
                                 [disable]="disableUpload"
                                 (onFinishUploading)="onFinishUploading($event)"
                                 (onUploading)="onFileUploading($event)"></file-upload>
                  </div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">证件照</label>
                  <div class="col-sm-10">
                    <file-upload [url]="fileUploadUrl" [name]="userPhoto" [fileSizeLimit]="sizeLimitUserPhoto"
                                 [disable]="disableUpload"
                                 (onFinishUploading)="onFinishUploading($event)"
                                 (onUploading)="onFileUploading($event)"></file-upload>
                  </div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">证明材料</label>
                  <div class="col-sm-10">
                    <file-upload [url]="fileUploadUrl" [name]="proofEA" [fileSizeLimit]="sizeLimit"
                                 [disable]="disableUpload"
                                 (onFinishUploading)="onFinishUploading($event)"
                                 (onUploading)="onFileUploading($event)"></file-upload>
                    (劳动合同首页或是工作证明)
                  </div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">学历文件</label>
                  <div class="col-sm-10">
                    <file-upload [url]="fileUploadUrl" [name]="educationDoc" [fileSizeLimit]="sizeLimit"
                                 [disable]="disableUpload"
                                 (onFinishUploading)="onFinishUploading($event)"
                                 (onUploading)="onFileUploading($event)"></file-upload>
                  </div>
                </div>
            </div>
          </form>
        </div>

      </div>
      <div class="modal-footer">
        <span *ngIf="_errorMsg" style="color:red;">{{_errorMsg}}</span>
        <button class="btn btn-primary confirm-btn" (click)="onSubmit('save')" >保存</button>
        <button class="btn btn-primary confirm-btn" (click)="onSubmit('submit')" >提交申请</button>
      </div>
    </div>
  </div>
</div>

<div bsModal #apprDeleteModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="entRegApprModalLabel"
     aria-hidden="true" (onHide)="onHideModal()">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="color: #000;">
      <div class="modal-header">
        <button class="close" (click)="apprDeleteClose()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">删除</h4>
      </div>

      <div class="modal-body">
        确定要删除吗
      </div>

      <div class="modal-footer">
        <button class="btn btn-primary confirm-btn" (click)="delete()">删除</button>
        <button class="btn btn-default" (click)="apprDeleteClose()">取消</button>
      </div>
    </div>
  </div>
</div>

<div bsModal #apprReviewModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="entRegApprModalLabel"
     aria-hidden="true" (onHide)="onHideModal()">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="color: #000;">
      <div class="modal-header">
        <button class="close" (click)="apprReviewModal.hide()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">详情</h4>
      </div>

      <div class="modal-body">
        <div class="auth-block">
          <div class="row">
            <div class="col-sm-8">
              <form class="form-horizontal" *ngIf="applyDetailData">
                <div class="form-group row"><label class="col-sm-3 form-control-label">姓名</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.name}}">
                  </div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">身份证号码</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.idcard}}">
                  </div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">性别</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.sex}}">
                  </div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">出生年月</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.birthday}}">
                  </div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">职称</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.technicaltitles}}"></div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">学历</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.education}}"></div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">证书类型</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.type}}"></div>
                </div>
                <div class="form-group row">
                  <label class="col-sm-3 form-control-label">证件照</label>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.userPhoto">
                    <a class="form-control input-no-border" href="{{applyDetailData.files.userPhoto.path}}" download>{{applyDetailData.files.userPhoto.originalfilename}}</a>
                  </div>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.userPhoto == null || applyDetailData.files == null">
                    <input type="text" class="form-control"
                           value="无下载文件" readonly>
                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-sm-3 form-control-label">身份证照片</label>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.idCardPic">
                    <a class="form-control input-no-border" href="{{applyDetailData.files.idCardPic.path}}" download>{{applyDetailData.files.idCardPic.originalfilename}}</a>
                  </div>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.idCardPic == null || applyDetailData.files == null">
                    <input type="text" class="form-control"
                           value="无下载文件" readonly>
                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-sm-3 form-control-label">学历文件</label>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.educationDoc">
                    <a class="form-control input-no-border" href="{{applyDetailData.files.educationDoc.path}}" download>{{applyDetailData.files.educationDoc.originalfilename}}</a>
                  </div>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.educationDoc == null || applyDetailData.files == null">
                    <input type="text" class="form-control"
                           value="无下载文件" readonly>
                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-sm-3 form-control-label">证明材料</label>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.proofEA">
                    <a class="form-control input-no-border" href="{{applyDetailData.files.proofEA.path}}" download>{{applyDetailData.files.proofEA.originalfilename}}</a>
                  </div>
                  <div class="col-sm-9" *ngIf="applyDetailData.files && applyDetailData.files.proofEA == null || applyDetailData.files == null">
                    <input type="text" class="form-control"
                           value="无下载文件" readonly>
                  </div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">提交时间</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.submittime}}">
                  </div>
                </div>
                <div class="form-group row" *ngIf="applyDetailData.certificate.verified === '通过'|| applyDetailData.certificate.verified === '未通过'"><label class="col-sm-3 form-control-label">审批时间</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.verifytime}}"></div>
                </div>
                <div class="form-group row" *ngIf="applyDetailData.certificate.verified === '通过'|| applyDetailData.certificate.verified === '未通过'"><label class="col-sm-3 form-control-label">审批意见</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                               value="{{applyDetailData.certificate.verifydescription}}"></div>
                </div>
                <div class="form-group row"><label class="col-sm-3 form-control-label">状态</label>
                  <div class="col-sm-9"><input type="text" class="form-control" readonly
                                                value="{{applyDetailData.certificate.verified}}"></div>
                </div>
              </form>

            </div>
            <div class="col-sm-4">
              <div class="row">
                <div class="col-sm-10" *ngIf="applyDetailData.files && applyDetailData.files.userPhoto">
                  <img src="{{applyDetailData.files.userPhoto.path}}" id="pic">
                  <!--<img src="http://localhost:3000/assets/img/app/login/logo.png" id="pic">-->
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>

      <div class="modal-footer">
        <button class="btn btn-default" (click)="apprReviewModal.hide()">关闭</button>
      </div>
    </div>
  </div>
</div>

<div bsModal #applyUpdateModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="entRegApprModalLabel"
     aria-hidden="true" (onHide)="onHideModal()">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="color: #000;">
      <div class="modal-header">
        <button class="close" (click)="applyUpdateClose()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">修改申请</h4>
      </div>

      <div class="modal-body">
        <div class="auth-block" *ngIf="updateModalDisplay">
          <form class="form-horizontal" *ngIf="updatePersonData" [formGroup]="updateForm">
            <div class="form-group row">
              <label for="userName2" class="col-sm-2 control-label">人员姓名</label>

              <div class="col-sm-10">
                <input type="text" class="form-control" id="userName2" value="{{updatePersonData.certificate.name}}"
                       readonly>
              </div>
            </div>

            <div class="form-group row">
              <label for="idcard" class="col-sm-2 control-label">身份证</label>

              <div class="col-sm-10">
                <input type="text" class="form-control" id="idcard" value="{{updatePersonData.certificate.idcard}}"
                       readonly>
              </div>
            </div>

            <div class="form-group row">
              <label for="birthday" class="col-sm-2 control-label">出生日期</label>

              <div class="col-sm-10">
                <input type="text" class="form-control" id="birthday" value="{{updatePersonData.certificate.birthday}}"
                       readonly>
              </div>
            </div>

            <div class="form-group row">
              <label for="education" class="col-sm-2 control-label">学历</label>

              <div class="col-sm-10">
                <input type="text" class="form-control" id="education"
                       value="{{updatePersonData.certificate.education}}" readonly>
              </div>
            </div>

            <div class="form-group row">
              <label for="technicaltitles" class="col-sm-2 control-label">职称</label>

              <div class="col-sm-10">
                <input type="text" class="form-control" id="technicaltitles"
                       value="{{updatePersonData.certificate.technicaltitles}}"
                       readonly>
              </div>
            </div>

            <div class="form-group row">
              <label for="type" class="col-sm-2 control-label">考试类型</label>

              <div class="col-sm-10">
                <select class="form-control" id="type" formControlName="type">
                  <option value="质量员">质量员</option>
                  <option value="施工员">施工员</option>
                  <option value="安全员">安全员</option>
                  <option value="标准员">标准员</option>
                  <option value="材料员">材料员</option>
                  <option value="机械员">机械员</option>
                  <option value="劳务员">劳务员</option>
                  <option value="资料员">资料员</option>
                </select>
              </div>
            </div>

            <div *ngIf="!applying">
                <div class="form-group row">
                  <label class="col-sm-2 control-label">身份证照</label>
                  <div class="col-sm-10">

                    <div class="col-sm-2" *ngIf="updatePersonData.files.idCardPic">
                      <a href="{{updatePersonData.files.idCardPic.path}}" download>{{updatePersonData.files.idCardPic.originalfilename}}</a>
                    </div>
                    <div class="col-sm-8"><file-upload [url]="fileUploadUrl" [name]="idCardPic" [fileSizeLimit]="sizeLimit"
                                                       [disable]="disableUpload"
                                                       (onFinishUploading)="onFinishUploadingUpdate($event)"
                                                       (onUploading)="onFileUploading($event)"></file-upload></div>

                  </div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">证件照</label>
                  <div class="col-sm-10">
                    <div class="col-sm-2" *ngIf="updatePersonData.files.userPhoto">
                      <a href="{{updatePersonData.files.userPhoto.path}}" download>{{updatePersonData.files.userPhoto.originalfilename}}</a>
                    </div>
                    <div class="col-sm-8">
                      <file-upload [url]="fileUploadUrl" [name]="userPhoto" [fileSizeLimit]="sizeLimitUserPhoto"
                                   [disable]="disableUpload"
                                   (onFinishUploading)="onFinishUploadingUpdate($event)"
                                   (onUploading)="onFileUploading($event)"></file-upload>
                    </div>
                  </div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">证明材料</label>
                  <div class="col-sm-10">
                    <div class="col-sm-2" *ngIf="updatePersonData.files.proofEA">
                      <a href="{{updatePersonData.files.proofEA.path}}" download>{{updatePersonData.files.proofEA.originalfilename}}</a>
                    </div>
                    <div class="col-sm-8"><file-upload [url]="fileUploadUrl" [name]="proofEA" [fileSizeLimit]="sizeLimit"
                                                       [disable]="disableUpload"
                                                       (onFinishUploading)="onFinishUploadingUpdate($event)"
                                                       (onUploading)="onFileUploading($event)"></file-upload>
                    </div></div>
                </div>

                <div class="form-group row">
                  <label class="col-sm-2 control-label">学历文件</label>
                  <div class="col-sm-10">
                    <div class="col-sm-2" *ngIf="updatePersonData.files.educationDoc">
                      <a href="{{updatePersonData.files.educationDoc.path}}" download>{{updatePersonData.files.educationDoc.originalfilename}}</a>
                    </div>
                    <div class="col-sm-8">
                      <file-upload [url]="fileUploadUrl" [name]="educationDoc" [fileSizeLimit]="sizeLimit"
                                   [disable]="disableUpload"
                                   (onFinishUploading)="onFinishUploadingUpdate($event)"
                                   (onUploading)="onFileUploading($event)"></file-upload>
                    </div>
                  </div>
                </div>
            </div>
          </form>

        </div>
      </div>

      <div class="modal-footer">
        <button class="btn btn-primary confirm-btn" (click)="updateApply('save')">保存</button>
        <button class="btn btn-primary confirm-btn" (click)="updateApply('submit')">提交申请</button>
        <!--<button class="btn btn-default" (click)="applyUpdateModal.hide()">取消</button>-->
      </div>
    </div>
  </div>
</div>

